@charset "utf-8";
*{ margin:0; padding:0; list-style:none;}



/* 本案例使用css样式 */
.left{ float:left;}
.right{ float:right;}
.device{ width:459px; height:201px; overflow:hidden;}
.device .scroll{ width:100%; height:201px; overflow:hidden; position:relative;}
.device .scroll ul{ position:absolute; left:0; top:0; height:201px; overflow:hidden;padding: 10px 0;}
.device h2{ height:18px; line-height:18px; text-align:left; font-family:'MS Mincho'; font-size:12px; padding:5px 5px 10px 5px;}
.device h2 a{ display:block; float:left; padding-right:10px;color:#686363;}
.device ul{ overflow:hidden;}
.device ul li{ width:150px; height:181px; margin-right:10px; margin-bottom:10px; overflow:hidden; position:relative; float:left;}
.device ul li img{ width:150px; height:181px; position:absolute; left:0; top:0; z-index:10; background:url(http://www.lanrenzhijia.com/demo/images/loading.gif) no-repeat center center;}
.device ul li:hover img{opacity: 0.8;filter: alpha(opacity=80);}
.device ul li a.link{ display:block; width:160px; height:24px; line-height:24px; text-align:center; color:#fff; font-size:12px; position:absolute; left:0; bottom:0; background:#000;opacity: 0.5;filter: alpha(opacity=50); z-index:20;}